﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
    <title></title>
    <script src="Scripts/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="Scripts/jquery.shuttleBusMapTool.js" type="text/javascript"></script>
    <script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
    <link href="Styles/jquery.shuttleBusMapTool.css" rel="stylesheet" type="text/css" />
    <link href="Styles/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <script src="Scripts/bootstrap.min.js" type="text/javascript"></script>



    <script type="text/javascript">

        $(document).ready(function () {

            //$(".text").hoverElement().css('color', 'red');
            // add namespace here for test
            $(".text").shuttleBusMapTool('hoverElement');
            $(".text").shuttleBusMapTool('MapLoading');
           $(".text").shuttleBusMapTool('BusNumSearch');
            
        });

    </script>
</head>
<body>
     <div class="navbar navbar-inverse">
<div class="navbar-inner">
    <ul class="nav">
        <input class="span4" id="inputIcon" type="text" placeholder="请输入地点">
       
        <button type="submit" class="btn btn-primary" > Search!</button>
    </ul>

</div>

</div>

    <div class="span4 bs-docs-sidebar">
        <ul class="nav nav-list bs-docs-sidenav affix">
            <li><a href="#dropdowns">
                <div class="control-group">
                
                    <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-search"></i></span>
                          <input class="span3" id="inputIcon" type="text" placeholder="请输入班车号">
                        </div>
                      </div>
                    </div>
            </li>
            <li id="dropdowns"><a href="#dropdowns"><i class="icon-chevron-right"></i> BusNum</a></li>
            <li><a href="#dropdowns"><i class="icon-chevron-right"></i> BusNum</a></li>
            <li><a href="#dropdowns"><i class="icon-chevron-right"></i> BusNum</a></li>
            <li><a href="#dropdowns"><i class="icon-chevron-right"></i> BusNum</a></li>
        </ul>
    </div>
<div class=""></div>
<div id="map" style="width:80%;height:500px"></div>
</body>
</html>
